<template>
  <div>
    <a v-bind:href="url">Google</a>
    <!-- 语法：v-bind:原生属性 = "vue变量" -->
    <!-- 作用：把vue变量的值，赋予给原生属性 -->
    <!-- 简化：省略v-bind，只写冒号 -->
    <img :src="imgUrl" alt="" />
  </div>
</template>

<script>
export default {
  data() {
    return {
      url: "https://www.google.com/",
      imgUrl:
        "https://images.squarespace-cdn.com/content/v1/5a7aea36edaed8a02695b11d/1575476874425-UA7O95MA549Z1QDV07AN/ke17ZwdGBToddI8pDm48kPGau2qdzq6sGM77364mSxgUqsxRUqqbr1mOJYKfIPR7LoDQ9mXPOjoJoqy81S2I8PaoYXhp6HxIwZIk7-Mi3Tsic-L2IOPH3Dwrhl-Ne3Z2pASRZNBQRMXmBTitp092NWcboED626NDO5vGyK9y4lnvOzbI-NzUQK-lrlmb-Qyr/sekiro+concept+art+pixel+life+stories+%2814%29.jpg?format=500w",
    };
  },
};
</script>

<style>
</style>

